<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<%@ taglib uri="http://struts.apache.org/tags-bean" prefix="bean"%>
<%@ taglib uri="http://struts.apache.org/tags-html" prefix="html"%>
<%@ taglib uri="http://struts.apache.org/tags-logic" prefix="logic"%>
<%@ taglib uri="http://struts.apache.org/tags-tiles" prefix="tiles"%>
<%@ taglib uri="jstl-fn" prefix="fn" %>
<%@ taglib prefix="c" uri="jstl"%>

<jsp:include page="Templates/metas.jsp"/>
    <body>
        <!--[if lt IE 7]>
            <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
        <![endif]-->
		
		<jsp:include page="Templates/header.jsp"/>
       
       <script type="text/javascript">
			function change( capa ){
					$(".cont_table").each(function( index ) {
						  $(this).css("display","none");
						  $(this).removeClass("active");
					});
					$("#tab_menu li").each(function( index ) {
						  $(this).removeClass("active");
					});
					$("."+capa).fadeIn();
					$("#"+capa).addClass("active");
					changeSub('tabcont_1');
				}
			function changeSub( capa ){
				$(".cont_entrega").each(function( index ) {
					  $(this).css("display","none");
					  $(this).removeClass("active");
				});
				$("#tabs_entrega li").each(function( index ) {
					  $(this).removeClass("active");
				});
				$("."+capa).fadeIn();
				$("#"+capa).addClass("active");
			}
       </script>
       
        <section id="container">        
        	
        <h1 class="mine_title"><img src="img/shadow_title.png" class="shadow_mineTit">${nombre}</h1>
        	<div id="cont_tabs">
	        	<c:if test="${contenidos.count_subsecciones gt 1}">
					<ul id="tab_menu">
						<c:forEach items="${contenidos.subsecciones}" var="subseccion" varStatus="counter">
							<c:if test="${counter.count eq 1}">
								<li id="tabsecc_${counter.count}" onclick="return change( 'tabsecc_${counter.count}' );" class="active">${subseccion.nombre}</li>
							</c:if>
							<c:if test="${counter.count ne 1}">
								<li id="tabsecc_${counter.count}" onclick="return change( 'tabsecc_${counter.count}' );">${subseccion.nombre}</li>
							</c:if>
						</c:forEach>
					</ul>
				</c:if>
				
				<c:forEach items="${contenidos.subsecciones}" var="subseccion" varStatus="counter">
					<c:if test="${counter.count eq 1}">
						<div class="cont_table tabsecc_${counter.count}">
					</c:if>
					<c:if test="${counter.count ne 1}">
						<div class="cont_table tabsecc_${counter.count}" style="display:none;">
					</c:if>
						<c:if test="${subseccion.count_contenidos gt 1}">
							<ul id="tabs_entrega">
								<c:forEach items="${subseccion.contenidos}" var="contenido" varStatus="counter_cont">
									<c:if test="${counter_cont.count eq 1}">
										<li id="tabcont_${counter_cont.count}" onclick="return changeSub( 'tabcont_${counter_cont.count}' );" class="active">${ contenido.nombre }</li>
									</c:if>
									<c:if test="${counter_cont.count ne 1}">
										<li id="tabcont_${counter_cont.count}" onclick="return changeSub( 'tabcont_${counter_cont.count}' );">${ contenido.nombre }</li>
									</c:if>
								</c:forEach>
							</ul>
						</c:if>
						
						<c:forEach items="${subseccion.contenidos}" var="contenido" varStatus="counter_contD">
							<c:if test="${counter_contD.count eq 1}">
								<div class="cont_entrega tabcont_${counter_contD.count}">
							</c:if>
							<c:if test="${counter_contD.count ne 1}">
								<div class="cont_entrega tabcont_${counter_contD.count}" style="display:none;">
							</c:if>
								${ contenido.contenido }
							</div>
						</c:forEach>
	
					</div>
				</c:forEach>

			</div>
			<!-- icono de chat -->
			<span id="node_chat_njsd" class="ico_chat"></span>
			<!-- / icono de chat -->
        </section>
        <c:if test="${id_seccion eq 3}">
        <div id="wrapp_blue">
        	<section id="container">
        		<h1 class="title txt_center txt_white">&iquest;Cu&aacute;les son los beneficios que obtienes al usar REDPOST?</h1>
        		<br>
        		<ul id="beneficios_redpost">
        			<li>
        				<img alt="ico_dinero" src="img/ico_dinero.png">
        				<br>
        				<h3>Las mejores tarifas</h3>
        				<p>
        					REDPOST te ofrece las tarifas m&aacute;s atractivas y competitivas del mercado para  la importaci&oacute;n y entrega de tus compras.
        				</p>
        			</li>
        			<li>
        				<img alt="ico_cobertura" src="img/ico_cobertura.png">
        				<br>
        				<h3>Cobertura</h3>
        				<p>
        					Con nuestra amplia cobertura podemos entregar tus compras en tu domicilio en cualquier parte del pa&iacute;s.
        				</p>
        			</li>
        			<li>
        				<img alt="ico_entregaSegura" src="img/ico_entregaSegura.png">
        				<br>
        				<h3>Entrega segura</h3>
        				<p>
        					Te ofrecemos un servicio de entrega confiable, seguro y oportuno. &iexcl;Con REDPOST tus env&iacute;os est&aacute;n en manos expertas!
        				</p>
        			</li>
        			<li>
        				<img alt="ico_recompensas" src="img/ico_recompensas.png">
        				<br>
        				<h3>Programa Redcompensas</h3>
        				<p>
        					Con el programa Redcompensa, en cada env&iacute;o que realices acumulas puntos que puedes aplicar para cubrir el pago del servicio de entrega de tus env&iacute;os. 
							<br>
							Entre m&aacute;s puntos acumules m&aacute;s oportunidades tendr&aacute;s para aprovechar otras promociones.
        				</p>
        			</li>
        		</ul>
        		<div id="marcas_respaldo">
        		<h3 class="txt_white">REDPOST es un servicio respaldado por:</h3>
        		<ul>
        			<li><a href="#" class="VS"></a></li>
        			<li><a href="http://www.redpack.com.mx/" target="_BLANK" class="RedPack"></a></li>
        			<!-- <li><a href="#" class="Amipci"></a></li> -->
        		</ul>
        	</div>
        	
        	</section>
        </div>
        </c:if>
        
<jsp:include page="Templates/footer.jsp"/>